2016.10 - 往日的伤秋情怀也在这短暂的秋天里变得没影了

从今以后，想每个月粗略记录一下自己在这个月的工作、技术相关以及生活的内容。记录一些自己看到的好东西啥的...也算是每个月简单的一些总结 + 扯扯淡（增添些生活气息 =.=）。

工作相关

目前这个月一直在搞公司的 CMS 系统。其实公司这块起步相对也算挺晚的了。这个项目也算是又一次从零开始参与搭建一个项目..

理论上来讲这是公司一个很大的项目，公司的双 11 活动页面很多入口都会走由此系统搭建的各级页面。从 9 月开始从 0 起步进行开发到这个月月底完成两期版本上线。但是在公司里..由于每个项目都是最高优先级..所以这个项目中途都还被插了好几个紧急需求..真的要吐槽下..

这个项目中我主要负责了 CMS 后台设计器部分的页面展示和交互，以及前台部分上微信和 APP 的展示对接。两边的技术栈上我都统一用了 Vue + Vuex + Vuerouter 全家桶，撸起来也还是挺快的。

在开发过程中主要是在后台设计器的制作中回顾了下 drag event 这一事件。用了一个基于 Vue 的拖拽插件 vue-drag-and-drop 来协助实现了设计器里的拖拽控件交互。写了一个点击展示调色板的小插件，准备回头整理一下开源出来。同时后台的设计器由于想回头交给后端方便点，所以也加了 Bootstrap 的样式。并用了 titatoggle 来优化展示 toggle 形式的一个小插件。

最后在双 11 前完成了目前的 CMS 系统，他主要具有以下特性：

1. 可视化快速构建页面内容和设置，
2. 前后端分离，不由后端来负责渲染页面，后端只负责提供高性能，可复用的 API。
3. 主要负责移动端展示，兼容 APP 逻辑。
4. 版本可降级，页面加载逻辑性能优化。

架构上来讲，CMS及其周边系统大概为如下的关系：

其中 Weblog 是我们公司自己的埋点分析处理工具。在前台会自动将数据埋到各个组件模块上。auth 系统是权限系统用来审核页面发布流程。GIS 负责来提供城市区域维度的信息，它与商户智能服务共同进行判断使每个用户根据自己的位置信息和用户标签来浏览差异化的页面展示信息。而商品中心提供了基础的商品信息服务。而在后台方案管理模块中我们可以进入设计器和方案预览页去编辑、查看搭建效果。

在前端我们会首次请求拿到此页面的方案信息（包含页面背景，页面名称，模块序列等页面方案层级的信息）在模块序列中会包含这个方案页面的各模块ID，根据各模块ID，我们来反查各模块的内容并填充到页面上，在首次加载时只会加载首屏的模块内容从而也起到一个懒加载的效果。

另外后端会在每个方案生成后产生一个版本ID字段,在复用次数较多的页面，前端会存储这个页面模块的信息内容和布局以及版本号，在请求后端接口时会携带这一版本ID，如果能够匹配，或是请求失败，则会直接调用前端存储的上次内容。这也是降级和性能优化的一个方案。

技术及其他相关

这里简单说一下这个月看到的技术和其他相关的有意思的东西：

1. 首先分享的还是在做 CMS 项目时刚好看到 JD 他们的 CMS 架构演进分享，毕竟我所在的公司在体量上还相差甚远，从他们的架构中可以去了解其他公司目前的 CMS 系统是如何实现发展的。京东上千页面搭建基石——CMS前后端分离演进史

2. 这个月在忙 CMS 的同时，还参与了 Vue2 中文文档的翻译校对，也算是为一直在使用的 Vue 做出一些贡献..不过在这个翻译校对的过程中也发现，以社区形式贡献的内容输出。质量管理真的是一个需要重点把握的内容。例如某人初次翻译后我认为应该对其进行初次校对后视能力和态度才能再让他参与翻译，这样就很容易发现一些其他人翻译时留下的不负责任的坑。（不要问我为什么有这样的领悟 = =。。）

3. 此外这个月接触到了 BEM 这一 CSS 命名方案，发现这也算是很老的一个概念了。。尽管目前类似 webpack css-loader 使 CSS 已经变得模块化并解决了很多作用域冲突的问题，但在语义化和设计规范的推进下还是准备尝试在个人项目中先试着使用来体验一下感受。 相关资料：

• Battling BEM (Extended Edition): 10 Common Problems And How To Avoid Them
• 如何看待 CSS 中 BEM 的命名方式？

使用案例：

• 饿了么组件库 element
• 微信组件库 weui

4. 另外看到一个有趣的校招题：用 HTML 和 CSS 画一个笑脸。如下是预期效果和最终实现参考。 demo

5. 这个月还看到了『绿色地球』这一个很有意义的项目，创建人居然选择在我大成都开始创业运行，这就更得关注并支持一下这样的项目，希望它能走的长远，早日把业务拓展到帝都来。感兴趣的朋友可以看看下面的文章来具体了解。

• 他是年薪几十万的微软工程师，却辞职去收破烂，成了最让女儿自豪的爸爸

下面是他在一席的演讲，挺值得看看的：

• 我们每天制造这么多垃圾，到底拿它怎么办

个人生活相关

这个月国庆回了次绵阳，在城区逛了很多地方，市中心的公园、警钟街等地方基本和小时候一样还是保留着原来的样子，甚至几年前吐槽的车多了路还是跟九几年一样窄..但是新的变化也是有的 ——

在涪江畔越王楼，曾经的三江广场被彻底翻修，由以前长满野草的河岸变成了沿河散步休憩的步行广场，修的十分的漂亮，两岸江边的建筑墙上也做了光幕，到了晚上在建筑物上可以展现十分靓丽的灯光秀，今年国庆恰逢绵阳主题灯光展，在越王楼上看三江河畔的灯光秀还是很吸引人的。

另外马家巷的小吃 + 平日早餐的（油茶 + 米粉）真的是绵阳一绝。唉，帝都实在是难找如此这般正统风味的米粉和油茶...（所幸找到一家淘宝店卖的油茶很不错..可解相思之苦= =..）

下面是正宗的四川米粉和油茶的样子（我就不说淘宝直接搜油茶，默认搜出来的其他省的冲泡型油茶有多难喝了..)

另外也第一次去了北川地震遗址，感受了生命、生活的无常，珍惜现有的日子和幸福时光吧。

另外 WOW 更新 7.0 后，作为一个单纯的剧情党和战场爱好者，深深地感受到了暴雪对我们这种休闲玩家的恶意，加上网易月卡的补刀。游戏成本一下子陡增（虽然架不过脸好，居然莫名的掉了小德核心橙护腕。。居然战场啥的还能混下去。）然而在 7.1 打了一把 4 个小时才通关的 KLZ 之后。。确实发现 WOW 真的越来越有点肝不动了。。实在是有些可惜吧。。

最后，在这十月的一个月里，我的衣着从：四川的短袖 + 短裤 => 北京的毛衣 + 秋裤。。不禁感慨我国真是幅员辽阔。。（相反帝都的秋天也真是越来越短暂了。。以前这个月里我还总会沉浸在伤秋的氛围里过上好几天日子，这一年感觉都没啥反应。。就已经开始来暖气准备过冬了 = =。。）

三首歌

Pray - 川瀬智子

βίος <MK+nZk Version> - 澤野弘之

三葉のテーマ - RADWIMPS